<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@ taglib prefix="jstl" uri="http://java.sun.com/jsp/jstl/core"  %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录页面</title>

    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
        }
    </style>
</head>
<body>
<jsp:include page="componse/top_bar.jsp" flush="true"/>
<div style="text-align: center;">
<div  class="container" style="width: 1100px; ">

    <div class="row">
        <div class="col-md-12" style="background-color: blueviolet;color: #ffffff;padding-left:30px; text-align: left">热门商品</div>
    </div>
    <div class="row" >
        <div class="col-md-2">
            <a href="/payment"><img src="img/p1.jpg" style="display: block"/></a>
        </div>
        <div class="col-md-2">
            <img src="img/p4.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/6.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/7.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/13.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/e.jpg" href="" style="display: block"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <img src="img/1.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/g.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/14.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/15.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/17.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/b.jpg" href="" style="display: block"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12" style="background-color: blueviolet;color: #ffffff;padding-left:30px; text-align: left">最新商品</div>
    </div>
    <div class="row" >
        <div class="col-md-2">
            <a href="/payment"><img src="img/p1.jpg" style="display: block"/></a>
        </div>
        <div class="col-md-2">
            <img src="img/p4.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/6.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/7.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/13.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/e.jpg" href="" style="display: block"/>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <img src="img/1.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/g.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/14.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/15.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/17.jpg" href="" style="display: block"/>
        </div>
        <div class="col-md-2">
            <img src="img/b.jpg" href="" style="display: block"/>
        </div>
    </div>




</div>
</div>
</body>
<jsp:include page="componse/bottom_bar.jsp" flush="true"/>
</html>
